<?php
header ( 'content-type:text/html; charset=utf-8' );

?>

<html>
<head>
<title>Bootstrap 模板</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
	charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>


<body>
	<div class="container">
		<div class="row">
			<div class="col-xs-4">
				<div class="navbar navbar-default">
					<form class="navbar-form">
						<div class="input-group">
							<input class="form-control" name="text" placeholder="搜索" />
							<div class="input-group-btn">
								<button type="submit" class="btn btn-default"
									style="height: 34px;">
									<span class="glyphicon glyphicon-search"></span>
								</button>
							</div>
						</div>

						<ul class="nav navbar-nav navbar-right">
							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><div class="glyphicon glyphicon-th-list"></div>通讯录<span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li><a href="#">添加</a></li>
									<li><a href="index.php">列表</a></li>
								</ul></li>
						</ul>
					</form>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<div class="panel-title">编辑联系人</div>
					</div>
					<div class="panel-body">
						<form class="form-horizontal" action="addtxl.php" method="post">
							<div class="form-group">
								<label class=" col-xs-3 control-label">姓名:</label>
								<div class="col-xs-8">
									<input class="form-control" name="name"/>
								</div>
							</div>
							
							<div class="form-group">
								<label class=" col-xs-3 control-label">手机:</label>
								<div class="col-xs-8">
									<div class="input-group">
										<input class="form-control" name="phone"/>
										<div class="input-group-btn">
											<div class="btn btn-default" data-toggle="modal"
												data-target="#b2">删除</div>
										</div>
									</div>
								</div>
							</div>

							<div class="form-group">
								<label class=" col-xs-3 control-label">QQ:</label>
								<div class="col-xs-8">
									<div class="input-group">
										<input class="form-control" name="qq" />
										<div class="input-group-btn">
											<div class="btn btn-default" data-toggle="modal"
												data-target="#b3">删除</div>
										</div>
									</div>
								</div>
							</div>


							<div class="form-group">
								<label class=" col-xs-3 control-label">添加:</label>
								<div class="col-xs-8">
									<div class="btn btn-default" data-toggle="modal"
										data-target="#b1">
										<span class="glyphicon glyphicon-plus"></span>
									</div>

								</div>
							</div>

							<div class="form-group">
								<label class=" col-xs-3 control-label"></label>
								<div class="col-xs-8">
									<button class="btn btn-primary">确定</button>
									<button class="btn btn-default" data-dismiss="modal">取消</button>
								</div>
							</div>


							<div id="b1" class="modal">
								<div class="modal-dialog">
									<div class="modal-content">
										<div class="modal-header">
											<a class="close" data-dismiss="modal">&times;</a>
											<div class="modal-title">添加条目</div>
										</div>

										<div class="modal-body ">
											<div class="form-group">
												<div class="col-xs-3">类型</div>
												<div class=col-xs-6>
													<input class="form-control" name="text" placeholder="手机号" />
												</div>
											</div>

											<div class="form-group">
												<div class="col-xs-3">内容</div>
												<div class=col-xs-6>
													<input class="form-control" />
												</div>
											</div>
										</div>

										<div class="modal-footer">
											<button class="btn btn-primary">确定</button>
											<button class="btn btn-default" data-dismiss="modal">取消</button>
										</div>
									</div>
								</div>
							</div>

							<div id="b2" class="modal">
								<div class="modal-dialog">
									<div class="modal-content">
										<div class="modal-header">
											<a class="close" data-dismiss="modal">&times;</a>
											<div class="modal-title">删除确认？</div>
										</div>
										<div class="modal-body ">
											<div>确定删除手机号：13782633992</div>
										</div>
										<div class="modal-footer">
											<button class="btn btn-primary">确定</button>
											<button class="btn btn-default" data-dismiss="modal">取消</button>
										</div>
									</div>
								</div>
							</div>

							<div id="b3" class="modal">
								<div class="modal-dialog">
									<div class="modal-content">
										<div class="modal-header">
											<a class="close" data-dismiss="modal">&times;</a>
											<div class="modal-title">删除确认？</div>
										</div>
										<div class="modal-body ">
											<div>确定删除QQ号：1493717002</div>
										</div>
										<div class="modal-footer">
											<button class="btn btn-primary">确定</button>
											<button class="btn btn-default" data-dismiss="modal">取消</button>
										</div>
									</div>
								</div>
							</div>

						</form>
					</div>


				</div>
			</div>
		</div>
	</div>
</body>